<template>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
    <el-table
      :data="tableData"
      height="250"
      border
      style="width: 100%">
      <el-table-column
        prop="user"
        label="用户"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="password"
        label="密码">
      </el-table-column>
    </el-table>
    </el-tab-pane>
    <el-tab-pane label="关于" name="second">
      学号：202012303015<br/>
      姓名：叶泽龙<br/>
      日期：2023年3月30日<br/>
    </el-tab-pane>
  </el-tabs>
  
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'first',
        tableData: [{
          user: 'admin',
          name: 'yyy',
          password: '123456'
        }]
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };

</script>